<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
	<title>健康数据</title>
	<link rel="stylesheet" type="text/css" href="css/public.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
	<div class="cont">
		<div class="weight">
			<div class="now"><p>当前体重</p><p v-cloak>{{weight}}KG</p></div>
		</div>
		<div class="userinfo">
			<div class="info" v-for="item in forms"  v-cloak>
				<p class="title">
					<span class="icon"><img :src="item.imgurl" alt="icon"></span>
					<span class="exponential">{{item.form}}</span>
					<span class="num">{{item.numb}}</span>
					<span class="quota">{{item.exp}}</span>
				</p>
				<div class="range">
					<span class="exp" v-for="exps in item.exponential">{{exps.exp}}
						<span class="exps" v-if="item.exponential.length < 2">{{item.numb}}</span>
						<span class="expnum" v-if="exps.number">{{exps.number}}</span>
					</span>	
					<p class="hand"  v-show="item.exponential.length > 1" ref="hand">
						<span class="ru">{{item.numb}}</span>
					</p>				
				</div>
				<div class="instruction">
					<p>{{item.instruct}}</p>
					<p v-if="item.tip">{{item.tip}}</p>
					<p v-if="item.warm">{{item.warm}}</p>
				</div>
			</div>
		</div>
	</div>
</body>
<script src="js/vue.min.js"></script>
<script src="js/vue-resource.js"></script>
<script src="js/moment.min.js"></script>
<script src="js/date.js"></script>

<script src="js/index.js"></script>
</html>